import React from 'react'
import './style.less'

export default function HomeHotView ({ data, title }) {
  return (
    <div id="hotproduct">
      <h3>{title}</h3>
      <div className="hot-container">
        <ul className="clear-fix">
          {
            data.map((ele, index) => {
              return (
                <li key={index}>
                  <a href={ele.link}>
                    <img src={ele.img} alt="" />
                    <span>{ele.title}</span>
                  </a>
                </li>
              )
            })
          }
        </ul>
      </div>
    </div>
  )
}
